/* Reset Styles: http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent;}
body { font-family: Verdana, sans-serif;line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {	outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
.cleaner {clear:both; visibility:hidden; font-size:0; height:0; display:block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*Example presentation*/
body{padding: 20px 40px;}
h1{margin:10px 0;}
h2{margin:10px 0;}
p{margin-bottom: 10px; font-size:13px;}

.code{-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;white-space: pre;font-size:12px;padding:5px;}
.code-html{background-color:#F5F5F5;}
.code-js{background-color:#D1D3EF; line-height: 14px;}
.code-css{background-color:#95EFA1; line-height: 14px;}


/* jTabs */
.tabs {/*border:1px solid gray;*/overflow:hidden;padding-bottom:2px;position:relative;width:inherit;}
.tabs .tab-ctrl{	background: transparent url('../img/bg-tab-ctrl.png') repeat-x scroll 0 0;
	/*border:1px solid blue;*/
	cursor:pointer;
	height:15px;
	margin-top:6px;
	position:absolute;
	z-index:10;
}
.tabs div.tab-ctrl.disabled{background: transparent url('../img/bg-tab-ctrl-disabled.png') repeat-x scroll 0 0;}
.tabs .tab-ctrl a{/*border:1px solid red;*/background-position:-13px 2px;background-repeat:no-repeat;float: left;height:15px;margin-top:0px;padding-left:10px;text-decoration:none;}
.tabs .tab-ctrl-left{ left:0;top:0;/*width:18px;*/}
.tabs .tab-ctrl-left a{ background: transparent url('../img/tabsico2.png') no-repeat scroll -13px 2px;}
.tabs .tab-ctrl-right{ right:0;top:0;}
.tabs .tab-ctrl-right a{ background: transparent url('../img/tabsico2.png') no-repeat scroll -30px 2px;}
.tabs .tabs-show{/*border: 1px solid red;*/background: transparent url('../img/bg-tabs-show.png') repeat-x scroll 0 6px;display:block;height:22px;overflow:hidden;position:relative; width:inherit;}
.tabs .tabs-panels{background-color:#D9D9D9;padding:2px 10px 10px 10px;}
.tabs .tabs-list{/* background-color:green;*/border-bottom:1px solid #989898;height:21px;left:0;padding:0 20px;position:relative; z-index: 0;}
.tabs .tabs-list li{ /*border:1px solid #c0c0c0;*/float:left; margin-left:2px; }
.tabs .tabs-list li a{color:#38142d;float:left;padding:0 6px;text-decoration:none;}
.tabs .tabs-list li a.tab-close{background: transparent url('../img/tabsico2.png') no-repeat scroll 4px 3px;height:16px;padding-left:10px;}
.tabs .tabs-list li span{background: transparent url('../img/bg-mod-tabs-selected.png') no-repeat scroll 0 0;float:left;height:20px;padding-top:1px;}
.tabs .tabs-list li span.tab-end{background: transparent url('../img/bg-mod-tabs-selected-end.png') no-repeat scroll right 0;float:left;height:20px;padding-left: 6px;}
.tabs .tabs-list li.actual{margin-bottom:-1px; }
.tabs .tabs-list li.actual span{height:21px;}

